<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>切换搜索</title>
    <style>
        div#ddd{
            border: 1px solid red;
            width: 400px;
        }
        div img{
            position: relative;
            top: 10px;
        }
        div p{
            display: inline-block;
        }


    </style>
    <script>
        function baidu() {
            var b=document.getElementById('ddd').src='../jsImage/baidu_web.png';
            var ob=document.getElementById('tiao').href='https://www.baidu.com';
           document.getElementById()
        }
        function guge() {
            var b=document.getElementById('ddd').src='../jsImage/google_web-444.png'
            var ob=document.getElementById('tiao').href='https://www.google.cn';
        }
        function taobao() {
            var b=document.getElementById('ddd').src='../jsImage/taobao_shopping-446.png'
            var ob=document.getElementById('tiao').href=' https://www.taobao.com';

        }
    </script>
</head>
<body>

<div>
    <img id="ddd" src="../jsImage/taobao_shopping-446.png" alt=""><input type="text">

    <a href="https://www.taobao.com" id="tiao" target="_blank">搜索</a><br>
    <p><input type="radio" onclick="baidu()"  class="p">百度</p>
    <p><input type="radio"onclick="guge()" class="p">谷歌</p>
    <p><input type="radio" checked onclick="taobao()" class="p">爱淘宝</p>

</div>




</body>
</html>